<template>
  <div id="logo">
    <img src="@/assets/img/title/blog1.svg" />
    CoderXdq
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#logo {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
}
img {
  width: 30px;
  margin-right: 10px;
}
@media screen and (max-width: 1024px) {
  #logo{
    display: none;
  }
}
</style>